<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>box</div>
    <script>
        // document.querySelector('div').onclick = function () {
        //     console.log(this) //box
        // }

        document.querySelector('div').onclick = () => {
            // 箭头函数里没有自己的this，要找this指向要继续往外找
            console.log(this) //window
        }
        var a = 20
        var obj = {
            a: 10,
            say: function () {
                // setTimeout(function () {
                //     console.log(this.a) // 20  this指window  setTimeout是全局变量的
                // }, 1000)
                 setTimeout(() => {
                    console.log(this.a) // 10  当前箭头函数没有自己的this，所以this继续往外找，say的this就是obj
                }, 1000)
            }
        }
        obj.say()
    </script>
</body>
</html>